<!--#include file="common_head.html"-->
<main class="dux-cart" data-dux="cart-count" data-url-num="{url('num')}" data-url-del="{url('del')}">
    <!--if{$pageList}-->
    <ul class="dux-pro-list dux-cart-list">
        <!--loop{$pageList as $key => $vo}-->
        <li class="dux-pro-item am-cf">
            <div class="item-img">
                <a href="{$vo.url}"><img src="{$vo.image}" alt=""></a>
            </div>
            <div class="item-info">
                <div class="list-info ">
                    <div class="am-cf">
                        <div class="am-fl">
                            <div class="title am-text-truncate"><a href="{$vo.url}">{str_len($vo.name, 12)}</a></div>
                            <p>
                                重量:{$vo.weight/1000}kg
                                <!--if{!empty($vo.options)}-->
                                <!--loop{$vo.options as $v}-->
                                {$v.name}:{$v.value}
                                <!--{/loop}-->
                                <!--{/if}-->
                            </p>
                        </div>
                        <div class="am-fr">
                            <a class="am-btn am-btn-default" href="javascript:;" data-del="{$key}">
                                <i class="am-icon-trash"></i>
                            </a>
                        </div>
                    </div>

                </div>
                <div class="list-cell am-cf">
                    <div class="price">￥<span data-price>{price_format($vo.total)}</span></div>
                    <div class="num">
                        <div class="cart-count am-cf" data-dux="cart-num" data-callback="count"
                             data-info='{"rowid" : "{$key}", "price" : {$vo.price}}'>
                            <span class="down">-</span>
                            <input type="tel" value="{$vo.qty}" data-num>
                            <span class="up">+</span>
                        </div>
                    </div>
                </div>

            </div>
        </li>
        <!--{/loop}-->
    </ul>
    <div class="cart-action-br"></div>
    <div class="cart-action am-cf">
        <div class="action-count">
            <p class="total">合计: <em data-count-price>{$info.total}</em></p>
            <p>共<em data-count-num>{$info.items}</em>件商品</p>

        </div>
        <div class="action-btn am-cf">
            <a href="{url('submit')}" class="btn-submit">
                结算购物车
            </a>
        </div>
    </div>
    <!--{else}-->
    <div class="am-padding am-text-center dux-box">
        <h1>购物车没有商品</h1>
        <p>购物车内暂无商品,请添加商品到购物车</p>
        <br>
        <p>
            <a class="am-btn am-btn-danger" href="JavaScript:history.go(-1);">继续购物</a>
        </p>
    </div>
    <!--{/if}-->


</main>


<!--#include file="common_foot.html"-->


</html>